<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>查询</title>
<style type="text/css">
*{margin:0; padding:0; border:0; font-family:microsoft yaHei;}
.search_blcok{width:584px; min-height:300px; border:3px solid #b1b1b1;}
.serch_info{padding:20px; vertical-align:middle;}
.input_txt{width:300px; padding:0 5px; height:38px; line-height:38px; border:2px solid #0096db; border-radius:5px; font-size:18px; color:#b1b1b1;}
.search_btn{width:103px; height:42px; border:2px solid #0096db; border-radius:5px 0 0 5px; font-size:18px; background:0; color:#0096db; font-weight:bold; margin-left:20px; cursor:pointer;}
.search_del{width:103px; height:42px; border:2px solid #0096db; border-radius:0px 5px 5px 0; font-size:18px; background:0; color:#0096db; font-weight:bold; border-left:0; cursor:pointer;}
.result_block{width:504px; margin:0 auto 20px auto; background:#eaf5fa; border-radius:5px; min-height:20px; padding:20px; line-height:24px;}
.result_block table{width:504px;}
.td_l{color:#0096db; text-align:right; width:120px; padding-right:10px; vertical-align:top}
.td_r{color:#123b4d; width:374px; word-break:break-all}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(e) {
    $(".search_del").click(function(e) {
        $(".input_txt").attr("value","请输入查询条件");
		$(".input_txt").css("color","#b1b1b1");
    });
	$(".input_txt").focus(function(e) {
        var obg_txt = $(this).attr("value");
		if(obg_txt == "请输入查询条件"){
			$(this).attr("value","");
			$(this).css("color","#333");
		}
    });
	$(".input_txt").blur(function(e) {
        var obg_txt = $(this).attr("value");
		if(obg_txt == ""){
			$(this).attr("value","请输入查询条件");
			$(this).css("color","#b1b1b1");
		}
    });
});
</script>
</head>

<body>
	<div class="search_blcok">
    	<div class="serch_info">
        	<input class="input_txt" value="请输入查询条件" /><button class="search_btn">查询</button><button class="search_del">清除</button>
        </div>
        <div class="result_block">
        	<table cellpadding="0" cellspacing="0" border="0">
            	<tr><td width="130" class="td_l">参会ID</td><td width="374" class="td_r">XX</td></tr>
                <tr><td class="td_l">确认参会</td><td class="td_r"><form id="form1" name="form1" method="post" action="">
                  <p>
                    <label>
                      <input type="radio" name="RadioGroup1" value="是" id="RadioGroup1_0" />
                      是</label>
                    <label>
                      <input type="radio" name="RadioGroup1" value="否" id="RadioGroup1_1" />
                      否</label>
                    <br />
                  </p>
                </form></td></tr>
                <tr><td class="td_l">姓名</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">所在公司/机构</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">职务</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">性别</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">联系方式</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">邮箱</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">移动电话</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">参会类型</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">票价</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">票务种类</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">备注</td><td class="td_r">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</td></tr>
            </table>
        </div>
        <div class="result_block">
        	<table cellpadding="0" cellspacing="0" border="0">
            	<tr><td class="td_l">参会ID</td><td class="td_r">XX</td></tr>
                <tr><td class="td_l">确认参会</td><td class="td_r"><form id="form1" name="form1" method="post" action="">
                  <p>
                    <label>
                      <input type="radio" name="RadioGroup1" value="是" id="RadioGroup1_0" />
                      是</label>
                    <label>
                      <input type="radio" name="RadioGroup1" value="否" id="RadioGroup1_1" />
                      否</label>
                    <br />
                  </p>
                </form></td></tr>
                <tr><td class="td_l">姓名</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">所在公司/机构</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">职务</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">性别</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">联系方式</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">邮箱</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">移动电话</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">参会类型</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">票价</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">票务种类</td><td class="td_r">XXXXX</td></tr>
                <tr><td class="td_l">备注</td><td class="td_r">XXXXX</td></tr>
            </table>
        </div>
    </div>
</body>
</html>
